.fill {
  width: 100%;
  height: 100%;
}
.fill-W-min {
  min-width: 100%;
}
.fill-H-min {
  min-height: 100%;
}
.fill-W {
  width: 100%;
}
.fill-H {
  height: 100%;
}
.fill-min {
  min-width: 100%;
  min-height: 100%;
}
.relative {
  position: relative;
}
$rSize: (
  xxs: 8rem,
  xs: 12rem,
  sm: 18rem,
  md: 32rem,
  lg: 48rem,
  xl: 78rem,
  xxl: 158rem,
  max: 9999rem,
  0: 0,
);
:root {
  @each $key, $value in $rSize {
    --R-#{$key}: #{$value};
  }
}
@each $key, $value in $rSize {
  .R-#{$key} {
    border-radius: #{$value} !important;
  }
}
